.index {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  user-select: none;
  color: var(--gray-8);
  .item {
    padding: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 1;
    min-height: 50px;
    span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }

  .add:hover {
    color: var(--color-primary);
  }

  .active,
  .item:hover {
    background: var(--gray-0);
  }

  .list {
    flex: 1;
    overflow-y: auto;
  }
}

